<style>
    body, html{
        overflow-y: auto;
        height: auto;
    }
    @media print {
        .choose_area {
            display: none;
        }
    }
    #appList table tr > th,#appList table tr > td {
        text-align: center;
        vertical-align: middle !important;
    }
</style>
<table style="width:100%;">
    <tr class="choose_area">
        <td>
            <div class="form-inline" style="padding: 10px;background-color: #bdf3dc;">
                {% if viewAll %}
                    <div class="form-group">
                        <label>选择区域：</label>
                        <select name="school_area" id="school_area" style="width: 140px;">

                        </select>
                    </div>
                {% endif %}
                <div class="form-group" style="margin-left: 10px;">
                    <label>选择学校：</label>
                    <select name="school_id" id="school_id" style="width: 200px;">
                        <option value="">请选择</option>
                        {% if schoolArr | length > 0 %}
                            {% for id,text in schoolArr %}
                                <option value="{{ id }}">{{ text }}</option>
                            {% endfor %}
                        {% endif %}
                    </select>
                    {#{{ select_static('schoolId', schoolArr, 'style': 'width: 200px;') }}#}
                </div>
                <div class="form-group" style="margin-left: 10px;">
                    <label>日期：</label>
                    <input id="startTime" type="date" class="form-control">
                </div>
                <div class="form-group">
                    <label>~</label>
                    <input id="endTime" type="date" class="form-control">
                </div>
                <a id="bt_view_usage" class="btn btn-success btn-sm xh-btn-load" style="margin-left: 15px;width: 80px;">执行统计</a>
                <a onclick="allowPrint ? print() : alert('无数据不可打印！');" class="btn btn-danger btn-sm" style="margin-left: 15px;width: 80px;">打印</a>
            </div>
        </td>
    </tr>
    <tr style="height: 100%;width:100%;">
        <td valign="top">
            <div id="appList" style="display: none;overflow-y: auto;height: 100%">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#common" aria-controls="common" role="tab" data-toggle="tab">通用科目
                        </a>
                    </li>
                    <li role="presentation" class="">
                        <a href="#brush_math" aria-controls="brush_math" role="tab" data-toggle="tab">题舟-数学
                        </a>
                    </li>
                    <li role="presentation" class="">
                        <a href="#brush_science" aria-controls="brush_science" role="tab" data-toggle="tab">题舟-科学
                        </a>
                    </li>
                    <li role="presentation" class="">
                        <a href="#brush_english" aria-controls="brush_english" role="tab" data-toggle="tab">题舟-英语
                        </a>
                    </li>
                    <li role="presentation" class="">
                        <a href="#brush_chinese" aria-controls="brush_chinese" role="tab" data-toggle="tab">题舟-语文
                        </a>
                    </li>
                    <li role="presentation" class="">
                        <a href="#brush_chineseColl" aria-controls="brush_chineseColl" role="tab" data-toggle="tab">题舟-文综
                        </a>
                    </li>
                    <li role="presentation" class="">
                        <a href="#speak_train" aria-controls="speak_train" role="tab" data-toggle="tab">口语训练
                        </a>
                    </li>
                    <li role="presentation" class="">
                        <a href="#chinese_basic" aria-controls="chinese_basic" role="tab" data-toggle="tab">语文基础知识
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="common">
                        <table class="table table-bordered" style="table-layout: fixed;">

                        </table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="brush_math">
                        <table class="table table-bordered">

                        </table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="brush_science">
                        <table class="table table-bordered">
                        </table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="brush_english">
                        <table class="table table-bordered">
                        </table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="brush_chinese">
                        <table class="table table-bordered">
                        </table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="brush_chineseColl">
                        <table class="table table-bordered">
                        </table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="speak_train">
                        <table class="table table-bordered">
                            </table>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="chinese_basic">
                        <table class="table table-bordered">
                        </table>
                    </div>
                </div>

            </div>
        </td>
    </tr>
</table>